import React from "react";
import { useSelector } from "react-redux";
import { RootState } from "../../store";
import { Button, Cell, Image } from "react-vant";
const Index = () => {
  const attentList = useSelector((state: RootState) => state.attent.attentList);

	
  return (
    <div>
      <Cell.Group>
				{
					attentList.map((v, i) => {
						return  (
							<Cell
							center
							key={i}
							title={v.title}
							icon={
								<Image
									width={44}
									height={44}
									src={v.url}
									round
								/>
							}
							value={ <Button round type="primary">已关注</Button> }
						/>
						)
					})
				}
      </Cell.Group>
    </div>
  );
};

export default Index;
